<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Modeling</title>

{:importCSS("template.css|style.css|sign.css|font.css")}
{:importJS("jquery.min.js|input.js|signup.js")}
<link rel="stylesheet" href="__ROOT__/themes/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript">
var confirm_rules = true;
$().ready(function () {
	$('#countrybutton').fancybox({
		'margin'	:	0,
		'padding'	:	0,
		'width'	:	500,
	});
});
</script>
</head>
<body>
<include file="public:header" />
<div class="main center clearfix">
	<form method=post>
	<div class="signbox">
		<div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-name.png" /></div><input type="text" id="name" name="username" value="{:inputDefault('username',L('SIGNIN_USERNAME'))}" onfocus="if(value=='{:L('SIGNIN_USERNAME')}') {value=''} setStyleOne(this.id)" onblur="if (value=='') { value='{:L('SIGNIN_USERNAME')}' } setStyleTwo(this.id)"/>
    	</div>
        <div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-mail.png" /></div><input type="text" id="mail" name="usermail" value="{:inputDefault('usermail',L('SIGNIN_USERMAIL'))}" onfocus="if(value=='{:L('SIGNIN_USERMAIL')}') {value=''} setStyleOne(this.id)" onblur="if (value=='') { value='{:L('SIGNIN_USERMAIL')}' } setStyleTwo(this.id)"/>
    	</div>
        <div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-password.png" /></div><input type="text" id="password" name="password" value="{:L('SIGNIN_PASSWORD')}" onfocus="if(value=='{:L('SIGNIN_PASSWORD')}') {value='';type='password';} setStyleOne(this.id)" onblur="if (value=='') { value='{:L('SIGNIN_PASSWORD')}';type='text'; } setStyleTwo(this.id)"/>
    	</div>
        <div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-repassword.png" /></div><input type="text" id="repassword" name="repass" value="{:L('SIGNIN_AFFIRM')}" onfocus="if(value=='{:L('SIGNIN_AFFIRM')}') {value='';type='password';} setStyleOne(this.id)" onblur="if (value=='') { value='{:L('SIGNIN_AFFIRM')}';type='text'; } setStyleTwo(this.id)"/>
    	</div>
        <div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-country.png" /></div>
            <div id="countryname" class="country">{:L('JOIN_PLEASE_CHOOSE_YOUR_COUNTRY')}</div>
            <a id="countrybutton" href="#countrybox"><div class="countrybutton"></div></a>
            <div class="hide"><include file="public:countrybox" /></div>
    	</div>
    	<div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-repassword.png" /></div><input type="text" id="identify" name="verifycode" value="{:L('SIGNIN_VERIFYCODE')}" onfocus="if( value=='{:L('SIGNIN_VERIFYCODE')}' ) {value=''} setStyleOne(this.id)" onblur="if (value=='') { value='{:L('SIGNIN_VERIFYCODE')}' } setStyleTwo(this.id)"/>
            <div class="codeimg"><img src="{:U('/verifycode')}" /></div>
    	</div>
        <div class="box rules">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-rules.png" /></div>
            <div class="rules">
            	<div class="rules-tittle">{:L('JOIN_TERMS_OF_SERVICES')}</div>
                <div class="choice"><img src="__ROOT__/themes/images/su-agree.png" id="checkRules"/><div class="font">{:L('JOIN_AGREE')}</div></div>
                <!--<div class="choice"><img src="__ROOT__/themes/images/su-disagree.png" id="rules-disagree"/><div class="font">Disagree</div></div>-->
                <a class="seerules" target="_blank" href="{:U('/terms')}">{:L('JOIN_READ_TERMS')}</a>
            </div>
    	</div>
        <div class="clear"></div>
        <a class="button signup" href="javascript:void(0)" onclick="if (confirm_rules) { return $('form').submit(); } else { alert('{:L('JOIN_PLEASE_AGREE_TERMS_FIRST')}');}">{:L('JOIN_JOIN')}</a>
        <div class="clear"></div>
	</div>
	<input name="_submit" value="1" type="hidden" />
	</form>
</div>
<include file="public:footer" />
{:importJS("downlist.js|input.js")}
<script type="text/javascript" src="__ROOT__/themes/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
{$tips}
</body>
</html>
